<div class="ng-confirm-overlay" ng-show="visible" ng-click="handleOverlayClick()">
  <div class="ng-confirm-dialog" ng-click="$event.stopPropagation()">
    <div class="ng-confirm-header">
      <h3 class="ng-confirm-title">{{config.title}}</h3>
      <button type="button" class="ng-confirm-close" ng-click="handleClose()">&times;</button>
    </div>
    <div class="ng-confirm-body">
      <div class="ng-confirm-icon ng-confirm-icon-{{config.type}}">
        <span class="ng-confirm-icon-content" ng-switch="config.type">
          <svg class="ng-confirm-icon-symbol" viewBox="0 0 24 24" aria-hidden="true" focusable="false" ng-switch-when="warning">
            <path d="M1 21h22L12 2 1 21zm11-3h-2v2h2zm0-8h-2v6h2z" fill="currentColor"/>
          </svg>
          <svg class="ng-confirm-icon-symbol" viewBox="0 0 24 24" aria-hidden="true" focusable="false" ng-switch-when="info">
            <path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 12 6zm1.5 11.5h-3a1 1 0 0 1 0-2h1v-3h-0.75a1 1 0 0 1 0-2H13a1 1 0 0 1 1 1v4h0.5a1 1 0 0 1 0 2z" fill="currentColor"/>
          </svg>
          <svg class="ng-confirm-icon-symbol" viewBox="0 0 24 24" aria-hidden="true" focusable="false" ng-switch-when="success">
            <path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.1-3.9-3.9 1.4-1.4 2.5 2.5 5-5 1.4 1.42-6.4 6.38z" fill="currentColor"/>
          </svg>
          <svg class="ng-confirm-icon-symbol" viewBox="0 0 24 24" aria-hidden="true" focusable="false" ng-switch-when="danger">
            <path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm3.5 13.09-1.41 1.41L12 13.41l-2.09 2.09-1.41-1.41L10.59 12 8.5 9.91l1.41-1.41L12 10.59l2.09-2.09 1.41 1.41L13.41 12l2.09 2.09z" fill="currentColor"/>
          </svg>
          <svg class="ng-confirm-icon-symbol" viewBox="0 0 24 24" aria-hidden="true" focusable="false" ng-switch-default>
            <path d="M1 21h22L12 2 1 21zm11-3h-2v2h2zm0-8h-2v6h2z" fill="currentColor"/>
          </svg>
        </span>
      </div>
      <div class="ng-confirm-content" ng-bind-html="config.content"></div>
    </div>
    <div class="ng-confirm-footer">
      <button type="button" class="ng-confirm-btn ng-confirm-btn-cancel"
              ng-if="config.showCancelButton"
              ng-click="cancel()">{{config.cancelText}}</button>
      <button type="button" class="ng-confirm-btn ng-confirm-btn-confirm ng-confirm-btn-{{config.type}}"
              ng-if="config.showConfirmButton"
              ng-click="confirm()">{{config.okText}}</button>
    </div>
  </div>
</div>
